@import '~antd/es/style/themes/default.less';

html,
body,
#root {
  height: 100%;
  min-height: 100%;
  background-image: url(./assets/bg.png);
  background-size: cover;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
input {
  background: transparent;
}

ul,
ol {
  list-style: none;
}

:global {
  .ant-picker-panel-container{
    background: #133073;
  }
  .ant-select-tree {
    background: #1a3a83!important;
  }
  .ant-modal-content {
    background-color: #1a3a83!important;
  }
  .ant-pro-basicLayout-content {
    margin: 0!important;
  }
  .ant-pro-global-header {
    border-bottom: 1px solid #1f4aa1;
  }
  .ant-menu-item, .ant-menu-submenu-title {
    border-top: 1px solid #1f4aa1;
  }
  .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: #143173!important;
  }
  //下拉选中样式
  .ant-select-item-option-selected{
    background: #1890ff !important;
  }
  .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background: #355fb8!important;
  }
  .ant-menu-root {
    padding: 0px!important;
    border-top: 5px solid #07a6ff;
  }
  .ant-page-tabs .ant-tabs-nav {
    background: transparent!important;
  }
  .ant-tabs-nav-wrap {
    background: transparent!important;
    margin: 0!important;
  }
  .index_contextMenu__GaY68 {
    background: transparent!important;
  }
  .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-bottom-color: #1f4aa1;
    background: #355fb8!important;
  }
  /***tabs高度**begin**/
  .ant-layout-content .ant-page-tabs {
    margin-top: 12px!important;
  }
  .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 5px 5px 0 0;
    height: 32px;
  }
  .ant-tabs-tab{
    padding: 12px 20px!important;
  }
  .ant-tabs-tab + .ant-tabs-tab {
    margin: 0!important;
  }
  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
    padding: 0px 16px!important;
  }
  .ant-layout-content .ant-page-tabs .ant-page-tab-list > .ant-tabs-nav {
    margin: 0px!important;
  }
  /******end**/
  .ant-tabs-content-holder {
    margin: 16px!important;
  }
  .ant-tabs-tab-remove {
    margin-right: -15px!important;
    margin-left: 5px!important;
  }
  .ant-table-tbody > tr:nth-child(odd) {
    background: #345eb6!important;
  }
  .ant-table-tbody > tr:nth-child(even) {
    background: #396cc4!important;
  }
  .ant-table-tbody > tr.ant-table-row-selected > td {
    background: #3e80d6!important;
    border-color: rgba(0, 0, 0, 0.03);
  }
  .ant-checkbox-inner {
    background-color: transparent!important;
    border: 1px solid #fff!important;
  }
  .ant-table-thead > tr > th{
    background: #3e80d6;
  }
  .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
    color: #fff;
    background: #1890ff;
}

.ant-btn-primary {
  border:0;
  background-color: #1890ff;

}

.ant-btn-primary:hover, .ant-btn-primary:focus, .ant-btn-primary:active {
  color: #fff;
  border-color: #2cd4ef;
  background: #40a9ff;
}
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 3px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  border-radius: 3px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background:rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(255,0,0,0.4);
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

// 兼容IE11
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}


//导出按钮背景色
.exportBtnBg {
  background-color: #52d5ff;
  border: 0;
}
//搜索按钮背景色
.searchBtnBg {
  background-color: #29c6d8;
  border: 0;
}

//重置按钮背景色
.resetBtnBg {
  background-color: #ec69ac;
  border: 0;
}


//文本框背景色
.inputBg{
  background: #365fb9;
  opacity: 0.9;
  margin-right: 8px;
}

.flexend{
  justify-content: flex-end;
}


.flexAlignCenter{
  display: flex;
  align-items: center;
}
//表格上部搜索框
.tabletop{
  align-items: center;
  justify-content: space-between;
  padding: 0 0 15px;
   .addBtn{
    background-color: #355fb8;
    border: 0;
    margin-right: 12px;
   }
   .exporttBtn{
    background-color: #29c6d8;
    border: 0;
   
   }
}

//小块
.shebeiStateBtn{
  padding: 2px 6px;
  background-color: #40a9ff;
  font-size: 12px;
}

//联动页小标题
.sinTitle{
  align-items: center;
  padding: 10px 0;
  .signLine {
    display: inline-block;
    width: 3px;
    height: 12px;
    background-color: #43b3bb;
    margin-right: 6px;
    vertical-align: -1px;
    
  }
}

